<template>
	<view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
		<view class="item">
			item
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow,
		onReady,
		onHide,
		onUnload,
		onReachBottom,
		onPullDownRefresh
	} from '@dcloudio/uni-app'
	import {onMounted} from 'vue'
	onLoad(() => {
		console.log('04 onLoad');
	})
	onShow(() => {
		console.log('04onShow');
	})
	onReady(() => {
		console.log('04onReady');
	})
	onHide(() => {
		console.log('04 onHide');
	}) 
	onUnload(() => {
		console.log('04 onUnload');
	}) 
	onReachBottom(() => {
		console.log('04 onReachBottom');
	}) 
	onPullDownRefresh(() => {
		console.log('04onPullDownRefresh');
	})
	// 2组件的生命周期
	onMounted(()=>{  console.log('04onMounted');})
</script>

<style lang="scss">
	.item {
		height: 400rpx;
		border: 1px solid #000;
	}
</style>
